<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html>
<html lang="en">
<head>    
<meta charset="utf-8">    
<title>码狗</title>    
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">    

</head>    

<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<style>
      button{
		    width: 135px;
		    height: 86px;
		    font-size: 23px;
      }
</style>
<body>
<audio src="http://springdraw.c2d.me/image/b.mp3" controls="controls"  id="music" >
</audio>
<button id="bf" onclick="bf();" style=" margin-left: 25px;">播放/暂停</button>
<h3>留言信息：</h3>
<p>${record.message}</p>
<a href="/codedog/f/index?giftNo=${giftNo}&type=again" style=" position: relative;left: 227px; top: 110px;">输入激活码重新录音</a>
</body>
<script>
function bf(){
 var audio = document.getElementById('music'); 
 if(audio!==null){             
    //检测播放是否已暂停.audio.paused 在播放器播放时返回false.
     //alert(audio.paused);
  if(audio.paused)  
  {                 
      audio.play();//audio.play();// 这个就是播放  
  }else{
   audio.pause();// 这个就是暂停
  }
 } 
}
   
</script>
</html>